<template>
  <ui-chart
    :height="height"
    :color="color"
  >
    <ui-chart-legend></ui-chart-legend>
    <ui-chart-grid left="72" right="12"></ui-chart-grid>
    <ui-chart-xaxis type="category"></ui-chart-xaxis>
    <ui-chart-yaxis type="value"></ui-chart-yaxis>
    <slot></slot>
  </ui-chart>
</template>
<script>
export default {
  name: 'UiChartLine',
  props: {
    height: {
      type: String
    },
    color: {
      type: String
    }
  },
  provide () {
    return {
      UiChartType: 'line'
    }
  },
  computed: {
    chatConfig () {
      return {}
    }
  }
}
</script>
